@charset "UTF-8";
@import "reset1.scss";

$wd:1365px;

#main{
    width: 100%;
//  height: 1000px;
    
    >.content{
    width: $wd;
    height: 1187px;
    margin: 0 auto;
    
       >.title{
           width: $wd;
           height: 59px;
           float: left;
           border-bottom: 1px solid #dfdfdf;
           
           >p{
               font-size: 13px;
               line-height: 59px;
               margin-left: 182px;
           }
       }
       
       >.left{
           width: 373px;
           height: 945px;
           float: left;
           border-right: 1px solid #dfdfdf;
           
           >.top{
               width: 100%;
               height: 183px;
               border-bottom: 1px solid #dfdfdf;
               float: left;
               
               >img{
                   margin: 15px 0 0 215px;
               }
               
               >p{
                   margin:12px 0 0 225px;
               }
           }
           
           >.bottom{
               width: 100%;
               height: 761px;
               float: left;
               font-size: 12px;
               
               >ul:first-child{
                   margin-top: 35px;
               }
               
               >ul{
                   margin: 0 0 7px 235px;
               }
               
               >ul li:first-child{
                   font-size:16px;
                   color: #444f58;
                   font-weight: bold;
               }
                   
               >ul li{
                   line-height: 30px;
                   
                   >a{
                       color: #878787;
                       
                       &:hover{
                           color: #eb413d;
                       }
                   }
               }
           }
           
       }
       
       >.right{
           width: 809px;
           height: 945px;
           float: left;
           
           >.bind{
               width: 566px;
               height: 985px;
               margin: 37px auto;
               
               >p{
                   font-size: 20px;
                   font-weight: bold;
               }
               
               >.box{
                   width: 100%;
                   height: 930px;
                   background: #f7f7f7;
                   margin-top: 30px;
                   float: left;
                 
                   >form{
                       width: 392px;
                       height: 860px;
                       margin: 26px auto;
                       
                       >div{
                           float: left;
                           font-size: 13px;
                           margin-bottom: 16px;
                       }
                       
                       >div:first-child{
                           width: 100%;
                           height:102px;
                           margin-top:18px;
                           
                           >p{
                               float: left;
                               line-height: 102px;
                           }
                           
                           >img{
                               margin-left: 35px;
                           }
                       }
                       
                       >div:nth-child(2){
                           width: 100%;
                           height: 63px;
                           border-bottom: 1px solid #e7e7e7;
                           
                           >p{
                               color: #888888;
                               background: #f0f0f0;
                               line-height: 40px;
                               float: left;
                               padding: 0 15px;
                               
                               >.iconfont{
                                   color: #ea413c;
                                   margin-right: 10px;
                               }
                           }
                       }
                       
                       >div:nth-child(3){
                           width: 100%;
                           height: 140px;
                           
                           >p{
                               line-height: 30px;
                           }
                           
                           >input[type="text"]{
                               width: 366px;
                               height: 40px;
                               border: 1px solid #e7e7e7;
                               margin-top: 10px;
                           }
                       }
                       
                       >div:nth-child(4){
                           width: 100%;
                           height: 160px;
                           
                          >label{
                              width: 38px;
                              height: 40px;
                              background: white;
                              border:1px solid #e7e7e7;
                              display: inline-block;
                              cursor: pointer;
                              text-align: center;
                              
                              &:hover >.iconfont{
                                  color: #eb413d;
                              }
                              
                              >.icon-shuaxin{
                                  color:#99999a;
                                  line-height: 40px;
                                  font-size: 18px;
                                  font-weight: bold;
                              }
                           }
                           
                           >.sex1{
                               width: 60px;
                               height: 40px;
                               background: white;
                               border: 1px solid #e7e7e7;
                               float: left;
                               text-align: center;
                               
                           >p{
                               color: #99999a;
                               line-height: 40px;
                               letter-spacing: 4px;
                               
                               >.iconfont{
                                   color: #5cb704;
                               }
                           }
                           
                           >.famale{
                               display: none;
                           }
                           
                            }
                           
                           #sex{
                               display: none;
                           }
                           
                          #sex:checked~.sex1{
                              >.male{
                                display: none;
                                }
                            }
                           #sex:checked~.sex1{
                               >.famale{
                                display: inline-block;
                                }
                            }
                            
                            
                        >.drop-down-year{
                            width: 100px;
                            height: 40px;
                            border: 1px solid #e7e7e7;
                            position:relative;
                            float:left;
                            margin-right:10px; 
                            
                            &:after{
                                    content: "";
                                    width: 15px;
                                    height: 7px;
                                    background: url(../img/pd3.jpg) no-repeat;
                                    position: absolute;
                                    right: 11px;
                                    top: 45%;
                                    cursor:pointer;
                                }
                            
                            >span{
                                display: inline-block;
                                width: 1px;
                                height: 40px;
                                background: #e7e7e7;
                                position: absolute;
                                top: 0px;
                                left: 60px;
                            }
                            
                            >select{
                                width: 100%;
                                height: 100%;
                                border: none;
                                outline: none;
                                appearance: none;
                                -webkit-appearance: none;
                                -moz-appearance:none;
                                padding-left:14px;
                                color: #a9a9a9;
                                cursor:pointer;
                                
                                
                            }
                         }
                         
                         >.drop-down-month,.drop-down-day{
                            width: 80px;
                            height: 40px;
                            border: 1px solid #e7e7e7;
                            position:relative;
                            float:left;
                            margin-right:10px;
                            
                            &:after{
                                    content: "";
                                    width: 15px;
                                    height: 7px;
                                    background: url(../img/pd3.jpg) no-repeat;
                                    position: absolute;
                                    right: 9px;
                                    top: 45%;
                                    cursor:pointer;
                                }
                            
                            >span{
                                display: inline-block;
                                width: 1px;
                                height: 40px;
                                background: #e7e7e7;
                                position: absolute;
                                top: 0px;
                                left: 43px;
                            }
                            
                            >select{
                                width: 100%;
                                height: 100%;
                                border: none;
                                outline: none;
                                appearance: none;
                                -webkit-appearance: none;
                                -moz-appearance:none;
                                padding-left:14px;
                                color: #a9a9a9;
                                cursor:pointer;
                                
                                
                            }
                         }
                         
                            
                       }
                       
                       
                       div:nth-child(5){
                           width: 100%;
                           height: 230px;
                           border-bottom: 1px solid #e7e7e7;
                           
                           p:nth-child(2),p:nth-child(3){
                               font-size: 14px;
                               line-height: 45px;
                           }
                           
                           >.drop-down-city,.drop-down-area,.drop-down-industry{
                            width: 182px;
                            height: 40px;
                            border: 1px solid #e7e7e7;
                            position:relative;
                            float:left;
                            margin-right:12px;
                            
                            &:after{
                                    content: "";
                                    width: 15px;
                                    height: 7px;
                                    background:url(../img/pd3.jpg) no-repeat;
                                    position: absolute;
                                    right: 11px;
                                    top: 45%;
                                    cursor:pointer;
                                }
                            
                            >span{
                                display: inline-block;
                                width: 1px;
                                height: 40px;
                                background: #e7e7e7;
                                position: absolute;
                                top: 0px;
                                right: 40px;
                            }
                            
                            >select{
                                width: 100%;
                                height: 100%;
                                border: none;
                                outline: none;
                                appearance: none;
                                -webkit-appearance: none;
                                -moz-appearance:none;
                                padding-left:14px;
                                color: #a9a9a9;
                                cursor:pointer;
                            }
                         }
                         
                         >p:nth-child(6){
                             line-height: 50px;
                             clear: both;
                         }
                           
                       }
                       
                       >input[type="submit"]{
                           color: white;
                           padding: 17px 70px;
                           background: #eb413d;
                           border-radius: 25px;
                           cursor: pointer;
                           transition:all 0.5s;
                           margin-top:10px;
                           
                           &:hover{
                               background: #ff6a66;
                           }
                       }
                       
                   }
               }
           }
       }
       
    }
}

